﻿/*------------------------- Body ---------------------------*/

body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url("/Style Library/MCS-COMETE/images/bg_body.png") repeat-x top #f3f3f3 ;
	background-position:top;
	text-decoration:none;
}


/*debut scroll*/
body.v4master{overflow:visible;}
body #s4-mainarea {
    clear: both;
    float: left;
    background-color:white;}

body #s4-workspace{
	overflow:visible;
	position:relative;
	right:0px;}
	
html.ms-dialog body #s4-workspace {
	width:1024px;
	height:1024px;
	overflow-x:auto;
	overflow-y:scroll;}

body #s4-bodyContainer{
	min-width:980px;}

.ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;}
	
#s4-ribbonrow .ms-popoutMenu {
	position: fixed !important;}
	
#s4-ribbonrow .ms-MenuUIPopupBody {
	position: fixed !important;}
	
.ms-dlgOverlay {
	width: 100% !important;}
	
div.article, div.welcome {
    padding: 0px;}

.s4-ba {
    padding: 0 0 0px;}
    
#headerimage{
	margin-left:auto;
	margin-right:auto;
	background:white;
}

#s4-workspace{
	max-width:1000px;
	margin:0 auto;
	padding:0px;
	background-color:transparent;}

#s4-ribbonrow{
	max-width:100%;
	margin:0 auto;
	padding:0px;
	background-color:transparent;}

#sea-navbar{
	width:100%;
	margin:0 auto;
	clear:both;
	height:100px;
	background-color:transparent;}
	
body #s4-ribbonrow{
	min-height:43px;
	background-color:#272e3d;
	overflow-y:hidden;}

.ms-cui-topBar2{
	border-bottom:0px solid #679AFE;
	height:43px;}


body #s4-topheader2{
 background:url(selbg-6B8E0DB5.png?ctag) repeat-x left top;
 background-color:#EEECE1;
 vertical-align:middle;
 min-height:20px;
 border-top:1px solid #000000;
 border-bottom:1px solid #3e3e3e;}

body #MSO_ContentTable {
position: relative;
background-color:#f3f3f3;
}


/*------------------------- container---------------------------*/
#banner  {   background:url("/Style Library/MCS-COMETE/images/banner-comete.png") no-repeat top;
			 width:1000px;
             height:165px;
			 margin:0 auto;
	         padding:0;}

#container { width:1000px;
             height:100%;
			 margin:0 auto;
	         padding:0;}

#search{ width:302px; height:40px; float: right; margin-top:100px;}
#bg-search{ background:url("/Style Library/MCS-COMETE/images/bg-search.png") no-repeat #f4f4f4; width:270px; height:40px; float:left;}
#btn-search{ background-image:url("/Style Library/MCS-COMETE/images/btn-search.png"); background-repeat:no-repeat; width:32px; height:40px; padding-left:0px; float:right;}
#input-search{ background: none;
			border: medium none;
			margin-left: 10px;
			margin-top: 5px;
			width: 250px;
			color:#b4b4b4;
			font-size: 11px;
			height: 27px;}
#serch-form{padding-top:10px;}

/* Navigation list */
.s4-tn{
	background:url('../images/bg_topnav.png') repeat-x ;
	padding:0px; margin:0px;
	font-family:Century Gothic;

}
/* Global navigation */
.s4-tn li.static > .menu-item{
	color:#cfcfcf; white-space:nowrap;
	border:0px solid transparent;
	padding:4px 8px;
	line-height:25px;
	height:28px;
	font-size:13px; font-weight:bold;
}
/* Hover */
.s4-tn li.static > a:hover{
	color:#fff; text-decoration:none;
}
/* Selected */
.s4-toplinks .s4-tn a.selected {
	background-color:#3e3e3e;
	color:#fff; text-decoration:none;
	border:0px transparent solid;
	padding-right:10px;
	padding-left:10px;
	margin:0px;
}

.s4-toplinks .s4-tn a.selected:hover {
	color:#bf991f;
}

/* No arrows applies two levels */
.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background {background-image:none;}
.s4-tn ul.dynamic {
/* UL wrap */
	background-image:none;
	border-top:0px #ccc solid;  border-right:1px transparent solid ;
	border-bottom:1px #ccc solid; border-left:1px #ccc solid ;
	margin:0px; padding:0px;
}
/* LIs */
.s4-tn li.dynamic  {
	background-image:none;
	border-top:1px #ccc solid; border-right:1px #ccc solid;
	border-bottom:1px #fff solid; border-left:1px #fff solid;
}
/* LI menu items */
.s4-tn li.dynamic > .menu-item {
	padding:7px 10px;
	height:16px;
	color:#333;
	background-color:#f7f7f7; /* fallback */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f7f7f7)";
	}
/* LI menu items hover */
.s4-tn li.dynamic > a:hover {
	color:#00557B;
	background-color:#fff; /* fallback */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
}

.ms-titlerowborder{
 border-right:0px solid #C4BD97;
}

/****************BOX-Top-bleu******************************/
img { border:none;}
#box-center {
	width:1000px;
	height:225px;
	float:left;
	margin:0 auto;
	margin-left: 7px;
 }
 
#box {
		background:url('/Style Library/MCS-COMETE/images/bg-box.png') no-repeat;
		width:232px;
		height:225px;
		float:left;
		padding: 9px;
	}

#top-box {
		float:left;
		line-height:50px;
		height:50px;
		width:225px;
	}
.icone {	
		float:left;
		height:30px;
		width:65px;
		}

.title-box {	
		color:#ffffff;
		font-family: Century Gothic;
		font-size: 22PX;
		font-weight: bold;
		line-height: 25px;
		height: 50px;
		float: left;
		width: 140px;
		margin-top: 7px;
		}
.texte-box {	
		color:#dedede;
		font-family: Century Gothic;
		font-size: 11px;
		line-height: 18px;
		float: left;
		width: 215px;
		margin-top: 15px;
		text-align:justify;
		height: 110px;
		}
.bouton {
	}
.bouton a {
		width:71px;
		height:37px;
		font-size: 12PX;
		text-align:center;
		vertical-align:middle;
		background:url('/Style Library/MCS-COMETE/images/btn-plus.png') no-repeat;
		color:#6c6c6c;
		text-decoration:none;
		font-family: Century Gothic;
		padding:10px;
}
.bouton a:hover {
		background:url('/Style Library/MCS-COMETE/images/btn-plus-H.png') no-repeat;
		color:#fff;
		text-decoration:none;
}